$(function(){
  //1.首页渲染
  // 2.分页
  // 3.添加一级分类


  var currentPage =1;
  var pageSize =3;
  // 1.首页渲染
  function render(){
    $.ajax({
    type: 'get',
    url: '/product/queryProductDetailList',
    data:{
      page:currentPage,
      pageSize:pageSize,
    },
    dataType: 'json',
    success: function (res) {
      $('tbody').html(template('tmp',res));
      // 根据数据库生成分页标签
      setPage(res.total)
    }
    })
  }
  render();


   // 2.生成分页标签 total数据总数
   // 分页
   function setPage (total){
    $('#paginator').bootstrapPaginator({
      bootstrapMajorVersion:3,//版本信息
      currentPage:currentPage,//当前页
      totalPages:Math.ceil(total/pageSize),//总页数 math.ceil取整数
      // size:'small',//设置控件的大小
      onPageClicked:function (event,originalEvent,type,page) {
        //绑定点击事件
        currentPage = page;
        render();
      }
    })
  }
  // setPage(12)

    // 3.下拉菜单填充
    $.ajax({
      type: 'get',
      url: '/category/querySecondCategoryPaging',
      data:{
        page:1,
        pageSize:100,
      },
      dataType: 'json',
      success: function (res) {
        $('.cate-two-list').html(template('tmp-two',res));
        // 根据数据库生成分页标签
        setPage(res.total)
      }
      })


    // 4.模拟下拉列表选中
    $('.cate-two-list').on('click','a',function(){
      $('.cate-btn').text($(this).text());
      $('#brandId').val($(this).data('id'));
      // .手动回复失败状态
      // $('.form-add').data('bootstrapValidator').updateStatus('categoryId','VALID')
    })

     // 5.图片上传
     var picArr =[];
  $("#file").fileupload({
    dataType:"json",
    //e：事件对象
    //data：图片上传后的对象，通过data.result.picAddr可以获取上传后的图片地址
    done:function (e, data) {
      console.log(data);
      var img=data.result;
      picArr.unshift(img)
      // 图片预览
      $('.img-box').prepend(' <img src="" '+img.picAddr+'alt="" height="60">');
      // 隐藏域保存
      // $('#brandLogo').val(url);
      // 手动回复状态
    // $('.form-add').data('bootstrapValidator').updateStatus('brandLogo','VALID')

    }
})
})